@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';

.restNumber {
  padding: 10px 0;
}
.avatarHolder {
  text-align: center;
  margin-bottom: 24px;
  & > img {
    width: 104px;
    height: 104px;
    margin-bottom: 20px;
  }

  .name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: @heading-color;
    margin-bottom: 4px;
  }
}

.detail {
  p {
    margin-bottom: 8px;
    padding-left: 26px;
    position: relative;

    &:last-child {
      margin-bottom: 0;
    }
  }

  i {
    position: absolute;
    height: 14px;
    width: 14px;
    left: 0;
    top: 4px;
    background: url(https://gw.alipayobjects.com/zos/rmsportal/pBjWzVAHnOOtAUvZmZfy.svg);

    &.title {
      background-position: 0 0;
    }

    &.group {
      background-position: 0 -22px;
    }

    &.address {
      background-position: 0 -44px;
    }
  }
}

.tagsTitle,
.teamTitle {
  font-weight: 500;
  color: @heading-color;
  margin-bottom: 12px;
}

.tags {
  :global {
    .ant-tag {
      margin-bottom: 8px;
    }
  }
}

.team {
  :global {
    .ant-avatar {
      margin-right: 12px;
    }
  }

  a {
    display: block;
    margin-bottom: 24px;
    color: @text-color;
    transition: color 0.3s;
    .textOverflow();

    &:hover {
      color: @primary-color;
    }
  }
}

.tabsCard {
  :global {
    .ant-card-head {
      padding: 1 16px;
    }
  }
  .ant-tabs-nav {
    margin: 0;
    color: red;
  }
}

.userCenter {
  background-color: #fff;
}
.ant-tabs-nav {
  margin: 0;
}
.tableList {
  .ant-tabs-nav {
    margin: 0;
  }
}
.userCenter {
  .ant-tabs-nav {
    margin: 0;
    color: red;
  }
}

.textPoint {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.container {
  position: relative;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
}
.container::after {
  content: '...';
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 40px;
  background: -webkit-linear-gradient(left, transparent, #fff 55%);
  background: -o-linear-gradient(right, transparent, #fff 55%);
  background: -moz-linear-gradient(right, transparent, #fff 55%);
  background: linear-gradient(to right, transparent, #fff 55%);
}
.listMenu {
  overflow: hidden;
  div {
    float: left;
    &:first-child {
      width: 17%;
      margin-left: 40px;
    }
    &:nth-child(2) {
      width: 19%;
    }
    &:nth-child(3) {
      width: 17%;
      margin-right: 30px;
    }
  }
}
.contentWrap {
  div {
    overflow: hidden;
    float: left;
  }
}
.textsPoint {
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.logoTop {
  // background-color: #1890FF;
  background: linear-gradient(to right,#FFCC00,#FFEFAE);
  width: 100%;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  
  img {
    width: auto;
    height: 79px;
    margin: 0 10px -8px 38px;
  }
  h2 {
    font-size: 26px;
    font-weight: 800;
  }
}
.xj {
  position: relative;
  //   top: 50px
  background: #fff;

  :global {
    .ant-collapse-item {
      overflow: hidden;
    }
    .ant-select-dropdown {
      display: none;
    }
    .ant-divider-horizontal {
      display: none;
    }
    .ant-select-selection--multiple {
      white-space: nowrap;
    }
    .ant-select-selection {
      white-space: nowrap;
      height: 300px;
      border-radius: 4px;
      overflow-y: hidden;
      &::-webkit-scrollbar {
        width: 8px;
        background-color: white;
      }
      &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d2d2d2;
      }
      &:hover {
        overflow: auto;
      }
    }
    .ant-select-selection__choice {
      width: 100%;
    }
  }
}
.customSelect {
  :global {
    .ant-tabs-nav .ant-tabs-tab {
      margin: 0 10px 0 0 !important;
      font-size: 14px;
    }
  }
  :global {
    .ant-select-selection--multiple {
      min-height: 320px;
      cursor: text;
      padding-bottom: 3px;
      zoom: 1;
    }
  }
}
.contentBottom {
  width: 100%;
  position: relative;
}

.toggleView {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2;
  .toggle {
    font-size: 20px;
  }
}

.customTable {
  :global {
    .ant-table-tbody > tr > td {
      border: 0;
    }
  }
}

.multi {
  // line-height: 30px;
  max-height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

//轨迹时间线
.cus_timeLineBox {
  :global {
    .ant-collapse-content-box {
      overflow-x: auto;
    }
  }
}
.timeLineBox {
  position: relative;
  height: auto;
  min-height: 40px;
  display: flex;
  > div {
    flex-shrink: 0;
    padding: 0 5px;
    white-space: wrap;
  }
  .trailTime {
    width: 150px;
    word-wrap: break-word;
    white-space: pre-wrap;
  }
  .trailInfo {
    width: 150px;
  }
  .trailFile {
    width: 150px;
  }
  .trailRemark {
    width: 250px;
  }
  .trailBeShow {
    width: 90px;
  }
  .traileventSource {
    width: 80px;
  }
  .trailOperator {
    width: 80px;
  }
  .trailHandoverPerson {
    width: 80px;
  }
}
.lineTitle {
  display: flex;
  padding: 0;
  height: 40px;
  margin-bottom: 20px;
  padding-left: 18px;
  background: #fbfbfb;
  > div {
    background: #fbfbfb;
    padding: 10px 5px;
  }
}
